<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      >

 
	<ui:composition template="/templates/common/content.xhtml">

		<ui:define name="pageTitle">Contact Page</ui:define>
		<ui:define name="body">
			<div class="container_24">
		<div class="wrapper">
			<ui:include src="/templates/common/login_sidebar.xhtml"></ui:include>
			<div class="grid_17">
				<div class="inside">
					<article> 
					<header>
					<h2>Contact Information</h2>
					</header>
					<div class="content">
						<blockquote>
							Sergio Giavon Customer Service<br /> Tel: 1800 123 131
							(Tollfree)<br /> Mob: 0405 587 785<br /> Fax: 07 1234 1433<br />
							Email: Register your interest or send an enquiry via email below.
						</blockquote>
					</div>
					<!-- content end --> </article>
					<article> 
					<header class="alt">
					<h2>Contact Form</h2>
					</header>
					<div class="content">
							<a4j:outputPanel id="messages">
								<p>
									<rich:message for="cusName" />
									<rich:message for="cusEmail" />
									<rich:message for="message_content" />
									<h:outputText value="Submit Successfully, We will contact you later ! Thanks You !" style="color:green;" rendered="#{mEnquiry.submit}" />
								</p>
							</a4j:outputPanel>
							<a4j:status name="contact_status">
											<f:facet name="start">
												<h:graphicImage library="images" name="ajax-loader.gif" />
											</f:facet>
							</a4j:status>
					<a4j:outputPanel id="contact-form">		
						<h:form id="contacts-form" rendered="#{!mEnquiry.submit}">
							<fieldset>
								<rich:graphValidator>
								<div class="grid_7 alpha">
									<label>
										Name*: <h:inputText value="#{mEnquiry.enq.customerName}" id="cusName"  validator="#{mValidatorLib.FullnameValidator}"/>																																																																				
									</label> 
									<label>
										Email*:<h:inputText value="#{mEnquiry.enq.email}" id="cusEmail" validator="#{mValidatorLib.EmailValidate}" />	
									</label>
									<label>Phone: <h:inputText value="#{mEnquiry.enq.phone}" /></label>
									
								</div>
								<!-- grid_7_alpha ends -->
								<div class="grid_8 omega">
									Message*: 
									<h:inputTextarea value="#{mEnquiry.enq.message}" id="message_content" validator="#{mValidatorLib.MessageValidator}" />
									<div class="wrapper">
										<a4j:commandLink status="contact_status" value="Submit" styleClass="button" render="messages, contact-form" action="#{mEnquiry.CreateNewEnquiry}" execute="@form"></a4j:commandLink>
										
										<a href="javascript:void(0)" class="button"
											onclick="document.getElementById('contacts-form').reset()">clear</a>
									</div>
									<!-- wrapper end -->
								</div>
								</rich:graphValidator>
								<!-- grid_8 omega end -->
							</fieldset>
						</h:form>
					</a4j:outputPanel>
					</div>
					<!-- content end --> </article>
				</div>
				<!-- inside end -->
			</div>
			<!-- grid_17 end -->
		</div>
		<!-- wrapper end -->
	</div>
	<!-- container_24 end -->
		<input type="hidden" name="identifier" value="Contact" />
		</ui:define>
		<a4j:log />
	</ui:composition>

</html>
